﻿.box {
    height: 80%;
    width: 80%;
    min-height:500px;
    min-width:1100px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%,-50%,0);
    background-color: #fff;
    background-attachment:fixed;
    display:grid;
    grid-template-columns:65% 35%;
    box-shadow:0px 0px 20px 0px rgba(0,0,0,0.4)
}
.box section form{
    height:100%;
    display: grid;
    grid-template-rows: 18% 15% 12% 1% 10% 1% 3% 1% 15% ;
    cursor:pointer
}
h1,h5{
    margin:0px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.box section h1{
     font-size:2.2vw;
    font-weight:bold;
    box-shadow:0px 5px 5px 0px rgba(0,0,0,0.1);
    font-family:"等线";
    text-align:center;
}
.box section h5{
    font-weight:normal;
    font-size:1.5vw;
}
.form-floating{
    display:flex;
    align-items:center;
}
.form-floating input{
    width:16vw;
    font-size:1vw;
    border:none;
    border-bottom:2px solid #aaa;
    padding: 5px;
}
.form-floating label {
    font-size:1.2vw;
    margin-left:3vw;
}
.text-danger{
    margin-left:6.8vw;
    color:red;
    margin-top:-20px;
    display:block;
}
footer{
        color:#999999;
    font-style:italic;
    font-size:1vw;
    text-decoration:none;
   padding:0px 20%;
}
footer a{
    text-decoration:none;
    color:#999999;
}
footer a:nth-child(1){
    float:left;
}
footer a:nth-child(2){
    float:right;
}
#login-submit{
        display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    font-weight:600;
    font-size:1vw;
    position:absolute;
    top:50%;
    left:50%;
    transform:translateX(-50%);
    width:18vw;
    height:3vw;
    border-radius:50px;
    background-color:#339999;
    color:#fff;
    border:none;
    cursor:pointer;
}
.swiper {
        width: 100%;
        height: 100%;
        transition:all 1s;
           --swiper-navigation-color: #b6b6b6;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 30px;/* 设置按钮大小 */
      }

      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .swiper-pagination {
          bottom:3%!important;
      }
      .swiper-pagination-bullet{
          border-radius:0px !important;
          width:60px !important;
          height:5px !important;
          border-radius:10px !important;
             background-color:#000 !important;
      }
      .swiper-pagination-bullet-active{
                 background-color:#45bdcf !important;
      }